<template>
  <span class="status-dot" :[status]="true" :pulse="pulse"></span>
</template>
<script lang="ts">
export default {
  name: 'Dot',
  props: {
    status: {
      type: String,
      default: '',
      validator (value: any) {
        if (value === '') return true
        return (
          ['primary', 'success', 'warning', 'danger'].indexOf(value) !==
          -1
        )
      }
    },
    pulse: {
      type: Boolean,
      default: true
    }
  }
}
</script>
<style src="../../assets/css/dot.scss"></style>
